<!--
 * @Description: 
 * @Author: qingyang
 * @Date: 2023-06-12 16:55:37
 * @LastEditors: qingyang
 * @LastEditTime: 2023-06-13 17:15:07
-->
<template>
  <div class="audit-result-wrapper" v-if="props.auditInfo?.rejectComment">
    <CAlert type="error" title="审批驳回" close :subtitle="props.auditInfo?.rejectComment"></CAlert>
  </div>
</template>
<script lang="ts" setup name="AuditResult">
import { defineProps } from 'vue';
import { CAlert } from '@/components/CAlert';
import type { IProcessInfo } from '@/apis/todo/model/flowModel';

interface AuditResultProps {
  auditInfo: IProcessInfo;
}
const props = defineProps<AuditResultProps>();
</script>
<style lang="scss" scoped>
.audit-result-wrapper {
  padding: 0 0 16px;
  width: 100%;
  background: #f3f7fb;
  :deep(.c-alert) {
    border-radius: 6px;
    border: 1px solid rgba(255, 72, 41, 0.3);
  }
}
</style>
